<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>节流</title>
</head>
<body>
  <button id="button">点击</button>
  <script>
    function throttle(func,wait){
      // 会执行   你点击了多少次就执行多少次，这不是我们想要的，我们想要的是，在规定时间内无论点击错少次只会执行一次。
      let timeOut
      return function(){
        if(!timeOut){
          // 如果timeout有值就不执行
          timeOut = setTimeout(() => {
            func()
            timeOut = null;
          }, wait);
        }
      }
    }
    function handle(){
      console.log(Math.random())
    }
    document.getElementById('button').onclick = throttle(handle,2000)
  </script>
</body>
</html>